<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";

	page {
		background-color: #F7F7F8;
		padding-bottom: constant(safe-area-inset-bottom);
		/*兼容 IOS<11.2*/
		padding-bottom: env(safe-area-inset-bottom);
		/*兼容 IOS>11.2*/
	}

	view,
	text,
	navigator {
		box-sizing: border-box;
		line-height: 1;
		word-break: break-all;
	}

	textarea {
		width: 100%;
	}

	image {
		display: block;
		max-width: 100%;
		height: 100%;
	}

	/* 清除浮动 */
	.clearfix::after {
		position: relative;
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
		content: "";
	}

	/* 元素居中 */
	.position-cm {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* 单行文本切割 */
	.text-ellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: keep-all;
		white-space: nowrap;
	}

	/* 多行省略 */
	.omit {
		/* autoprefixer: off */
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		/* autoprefixer: on */
	}
</style>
